HTML5 基础练习题 (二)
以下哪个不是定位属性的属性值?
A
static
B
absolute
C
fixed
D
visibility
正确答案: D
解析:
visibility是隐藏不是定位
2.
何时使用margin值描述错误的是
A
需要在border外侧添加空白
B
需要在border内侧添加空白
C
两个盒子上下外侧之间的空白
D
两个盒子左右外侧需要空白时
正确答案: B
解析:
margin外边距,B项描述是内填充padding
关于文本溢出属性描述错误的是?
A
hidden:内容会被修剪,并且其余内容是不可见的
B
scroll:内容会被修剪,但是浏览器会显示滚动条,以便查看其余的内容
C
inherit:规定不能继承父元素overflow属性的值
D
visible:默认值,内容不会被修剪,会成现在元素框之外
正确答案: C
解析:
overflow 属性规定当内容溢出元素框时发生的事情。 visible 默认值。内容不会被修剪,会呈现在元素框之外。 hidden 内容会被修剪,并且其余内容是不可见的。 scroll 内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。 auto 如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。 inherit 规定应该从父元素继承 overflow 属性的值。
4.
不属于form标签的属性的是?
A
name
B
method
C
get
D
action
正确答案: C
解析:
题目问的是form的属性,get是属性值,form有target属性 ,规定在何处打开 action URL。
img标签中不包含的属性有?
A
alt
B
title
C
url
D
src
正确答案: C
解析:
题目问的是不包含,url是css里面background的属性,不属于img
以下哪个属性是属于盒模型里的属性?
A
colspan
B
border
C
src
D
valign
正确答案: B
解析:
盒模型的组成部分是内容区、边框border、外边距margin、内填充padding
7.
下列哪一项是CSS正确的语法构成
A
body:color=black
B
{body;color:black}
C
body{color:black;}
D
{body:color=black}
正确答案: C
解析:
css的语法:选择器{属性:属性值;}
以下是<!doctype>元素作用的是?
A
该语句用来定义文档类型
B
该语句用来声明命名空间
C
该语句用来向搜索引擎声明网站关键字
D
该语句用来向搜索引擎声明网站作者
正确答案: A
解析:
doctype声明当前的文档类型
关于块状元素说法正确的是
A
块状元素在网页中是以块的形式显示,所谓块状就是元素显示为矩形区域,常用的块状元素包括div、img、input
B
块状元素都不会占据一行,通俗地说,两个相邻块状元素不会出现并列显示的现象,脱离文档流也不会
C
块状元素都不可以定义自己的宽度和高度
D
块状元素一般都作为其他元素的容器,它可以容纳其他内联元素和其他块状元素,我们可以把这种容器比喻为一个盒子
正确答案: D
解析:
A项的img、input是行内块元素,B块元素会独占一行,它说不会是错的;C块元素可以定义自己的宽度和高度
以下哪个选项是对对象进行定位的?
A
margin
B
border
C
position
D
content
正确答案: C
解析:
A、margin外边距border边框position定位content内容
关于边框以下写法是错误的是?
A
border-width
B
border-style
C
border-solid
D
border-color
正确答案: C
解析:
border边框包括 border-color边框颜色 border-style边框线型 border-width边框宽度
下列哪个选项是鼠标激活时的超链接样式?
A
a:active
B
a:link
C
a:visited
D
a:hover
正确答案: A
解析:
a:link 超链接初始的状态 a:hover鼠标悬停 a:visited 超链接访问过后 a:active鼠标激活的效果 问的是鼠标激活所以选择A
在CSS中,通过以下哪个选项的语句可以实现鼠标悬停在超链接上时,为无下划线的效果
A
a{text-decoration:underline}
B
a{text-decoration:none}
C
a:hover{text-decoration:none}
D
a:link{text-decoration:underline}
正确答案: C
解析:
问的是鼠标悬停且没有下划线,鼠标悬停是:hover,没有下划线那就是text-decoration:none;
下面的描述正确的是( )
A
menu是标签选择器
B
menu是元素选择器
C
menu是类选择器
D
menu是ID选择器
正确答案: D
解析:
css部分写的是#menu,带#的就是ID选择器,class选择器的符号是. 标签(元素)选择器是不带符号的
在HTML中,将表单中input元素的type属性值设置为( )时,用于创建重置按钮
A
button
B
submit
C
reset
D
radio
正确答案: C
解析:
button按钮 submit提交按钮 reset重置按钮 radio单选按钮
在HTML中,( )标签用于在网页中创建表单?
A
form
B
textarea
C
from
D
input
正确答案: A
解析:
创建表单用的是form
以下各选项描述正确的是( )
A
标题标签、段落标签、标签都是块级元素
B
标签中 D display属性可以控制块级元素和内联元素的显示方式 正确答案: D 解析: div是块元素 span是行内元素、p标签只能包行内元素和行内块元素
内联样式的权重是( )
A
10
B
100
C
1000
D
1
正确答案: C
解析:
内联样式权重是1000 id选择器权重100 class权重是10 类型选择器权重是1
下列哪项技术可以用于帮助网页设计时使页面具有统一、专业的外观( )
A
HTMl
B
XML
C
HTTP
D
CSS
正确答案: D
解析:
统一外观效果,利用的是css,css可以修饰页面。
关于为什么要初始化CSS样式,错误的是( )
A
因为浏览器的兼容问题,不同浏览器对有些标签的默认值是不同的
B
没有对CSS初始化往往会出现浏览器之间的页面显示差异
C
为了避免不同浏览器的有不同的显示效果
D
不初始化CSS样式也没有任何问题
正确答案: D
解析:
首先是因为浏览器的兼容问题,不同浏览器对有些标签的默认值是不同的,如果没对CSS初始化往往会出现浏览器之间的页面显示差异。 其次初始化CSS样式可以提高编码质量,保持代码的统一性,如果不初始化整个页面做完很糟糕,重复的CSS样式很多。去掉标签的默认样式如:margin,padding,其他浏览器默认解析字体大小,字体设置。
以下( )标签用于在表单中构建复选框
A
B
C
D
正确答案: C
解析:
复选框 CheckBox 密码password 文本 text 单选框radio
阅读下面HTML代码,若要使
和-
用户名:
A
dt,dd { float:left; }
B
dl dd { float:left; }
C
dl dd { display:bock; }
D
dl { display:inline; }
正确答案: A
解析:
问的是需要dt和dd一行显示,方法有dt和dd同时浮动,或者dt浮动,之后dd会上去,也会一行显示
在HTML中,以下关于样式表的优点描述不正确的是( )
A
实现结构和表现的分离
B
页面布局更加灵活
C
有利于后期的维护
D
不利于搜索引擎搜索
正确答案: D
解析:
D
下面选项中,可以设置页面中某个DIV标签当内容溢出的时候出现滚动条的是( )
A
overflow:hidden
B
display:block
C
overflow:scroll
D
display:scroll;
正确答案: C
解析:
超出显示滚动条用的是overflow:auto或者scroll;
我们想要让表格的边框在页面中一定不显示出来,用什么方法可以做到呢?( )
A
bgcolor=“white”
B
bordercolor=“white”
C
border=“1”
D
border=“0”
正确答案: D
解析:
边框不显示,就是边框没有,border=“0”
CSS哪些属性没有继承性( )
A
font-size
B
font-family
C
color
D
height
正确答案: D
解析:
CSS 继承是指我们设置上级(父级)的CSS样式,上级(父级)及以下的子级(下级)都具有此属性,一般只有文字文本具有继承特性,如文字大小、文字加粗、文字颜色、字体等。
对web标准以及w3c的理解和认识错误的是( )
A
不按照规范去写代码,也没有任何问题
B
标签闭合,标签小写,不乱嵌套,提高搜索机器人搜索几率
C
使用外部css和js脚本,结构行为表现分离,内容能被更多广泛的设备所访问
D
容易维护,改版方便,不需要变动页面内容
正确答案: A
解析:
略
在HTML中,以下关于position属性的设定值描述错误的是( )
A
static为默认值,没有定位,元素按照标准流进行布局
B
relative属性值设置元素的相对定位,垂直方向的偏移量使用up或down属性来指定
C
absolute表示绝对定位,需要配合top、right、bottom、left属性来实现元素的偏移量
D
用来实现偏移量的left和right等属性的值,可以为负数
正确答案: B
解析:
absolute 生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。 元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。 fixed 生成绝对定位的元素,相对于浏览器窗口进行定位。 元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。 relative 生成相对定位的元素,相对于其正常位置进行定位。 因此,“left:20” 会向元素的 LEFT 位置添加 20 像素。 static 默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)。
下列元素中为空标记的是?
A
p
B
div
C
span
D
br
正确答案: D
解析:
题目问的是空标签,p段落 textarea文本域 script是js的外部引入 前3个都是双标记,br是css的空标签
内容设置哪个定位的属性值,可以取消定位?
A
position:relative
B
position:absolute
C
position:fixed
D
position:static
正确答案: D
解析:
position:static可以取消定位 ,答案选择D
二、多选题(不定项选择)(共20题,每题2分)
结构:
A
给p添加position:absolute;left:0;top:0;bottom:0;right:0;margin:auto 给div添加position:relative
B
给p添加position:absolute;left:50%;top:50%; 给div添加position:relative
C
给p添加position:absolute; left:50%;top:50%;margin-left:117px;margin-top:62px 给div添加position:absolute
D
给p添加position:absolute;left:50%;top:50%;margin-left:-117px;margin-top:-62px 给div添加position:absolute
正确答案: A,D
解析:
定位的两种居中方法
盒子内的文本溢出盒子范围,以下选项中可以隐藏溢出文本且不产生滚动条的选项是?
A
overflow:auto;
B
overflow-xy:hidden;
C
overflow-x:hidden;overflow-y:hidden;
D
overflow:hidden;
正确答案: C,D
解析:
overflow:hidden是隐藏,overflow-x:hidden;针对x轴,overflow-y:hidden;针对y轴
让元素的高度自适应窗口的高度,以下哪些选项可以实现?
A
元素{height:100%}
B
html{height:100%;}body{height:100%;}元素{height:100%;}
C
html body{height:100%};元素{height:100%}
D
html,body{height:100%;}元素{height:100%;}
正确答案: B,D
解析:
自适应浏览器窗口一定要个html和body设置height:100%
z-index结合以下哪些选项一起使用有效
A
position:absolute;
B
position:fixed;
C
position:static;
D
position:relative;
正确答案: A,B,D
解析:
z-index必须配合定位属性才生效
以下哪个选项可以让标签脱离文档流
A
position:absolute
B
position:relative
C
position:static
D
position:fixed
正确答案: A,D
解析:
AD
以下是display属性值的选项有
A
none
B
inline
C
inline-block
D
block
正确答案: A,B,C,D
解析:
ABCD
以下对z-index属性描述正确的是
A
给元素设置z-index属性可以改变元素的大小
B
给定位元素设置z-index属性可以改变元素的堆叠顺序
C
元素默认的z-index值是1
D
z-index的属性值可以是负值
正确答案: B,D
解析:
z-index层叠属性,默认值是0,是可以给负值的
white-space设置文本不换行的属性值是哪个
A
pre
B
auto
C
nowrap
D
normal
正确答案: C
解析:
white-space的属性值有normal 默认。空白会被浏览器忽略。 pre 空白会被浏览器保留。其行为方式类似 HTML 中的
标签。 nowrap 文本不会换行,文本会在在同一行上继续,直到遇到
标签为止。 pre-wrap 保留空白符序列,但是正常地进行换行。 pre-line 合并空白符序列,但是保留换行符。 inherit 规定应该从父元素继承 white-space 属性的值。
以下不属于overflow属性的属性值的是
A
left
B
0px
C
auto
D
hidden
正确答案: A,B
解析:
overflow:hidden;/visible/scroll/auto
盒子内的文本溢出,让盒子显示滚动条,以下哪个属性不能实现此效果
A
display
B
overflow
C
float
D
position
正确答案: A,C,D
解析:
文本溢出显示滚动条,只能用overflow属性
以下选项中display的属性值为inline-block的标签有哪些
A
img
B
input
C
textarea文本域
D
select下拉列表
正确答案: A,B,C,D
解析:
问的是行内块元素都有谁,ABCD
以下选项中是position定位的属性值的选项有哪些
A
static
B
auto
C
fixed
D
relative
正确答案: A,C,D
解析:
auto不是position的值
position定位属性设置哪些属性值,添加z-index属性会有效
A
static
B
absolute
C
relative
D
fixed
正确答案: B,C,D
解析:
z-index必须结合position属性才生效
以下对position的描述正确的是
A
此属性规定元素的定位方式
B
此属性规定元素背景图片的位置
C
此属性规定只能块状元素才能使用
D
绝对定位会让元素脱离文档流
正确答案: A,D
解析:
绝对定位的元素脱离文档流
网页宽高自适应的优点有哪些
A
程序员修改代码灵活
B
能够使网页显示更灵活
C
可以适应在不同设备、不同窗口和不同分辨率下正常显示
D
太麻烦,不建议使用宽高自适应。
正确答案: A,B,C
解析:
ABC
如何让元素高度自适应?(父元素的高度由内容撑开)
A
给元素设置height:100%
B
给元素设置height:auto
C
高度不写
D
给元素设置height:content;
正确答案: B,C
解析:
height:auto或者高度不写,父元素的高度由内容撑开
以下选项中,可以解决高度塌陷的是?
A
给浮动元素的父元素添加声明overflow:hidden
B
在浮动元素下方添加空div,并给该元素添加声明:clear:both;height:0;overflow:hidden;
C
:after{content:".";clear:both;display:block;height:0; overflow:hidden;visibility:hidden;}
D
给浮动元素设置清除浮动,添加声明clear:both
正确答案: A,B,C
解析:
D答案错误,应该是给最后一个浮动元素后面添加声明clear:both
给元素设置透明度,可以用哪些方法设置,下面那个是正确的?(背景透明和元素透明都算)
A
opacity:100;
B
opacity:0.5;
C
background:rgba(255,255,255,0.5);
D
background:rgba(255,255,255,100);
正确答案: B,C
解析:
opacity的取值为0-1,background:rgba(255,255,255,0.5);rgba透明度取值为0-1,属性之间;隔开
以下对锚点的描述正确的是
A
锚点只能在当前页面跳转
B
实现点击a标签时在同一页面的不同位置进行跳转
C
语法是a标签的href属性的属性值为#锚点名,实现a标签和目标元素的连接
D
锚点名的定义是:
正确答案: B,C
解析:
锚点
以下哪些属性,可以让元素不论本身是什么元素类型,设置之后都会产生块级框(块级框就是元素可以设置宽高)
A
display:block
B
position:fixed
C
float:left
D
position:absolute
正确答案: A,B,C,D
解析:
例如span默认不可以设置宽高,一旦浮动或者使用绝对定位和固定定位,就可以设置了